﻿<!doctype html>
<html>
  <head>
    <meta charset="utf-8">

    <!-- Always force latest IE rendering engine or request Chrome Frame -->
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">

    <!-- Use title if it's in the page YAML frontmatter -->
    <title>梅露可图鉴</title>
    <meta name="keywords" content="梅露可图鉴, 梅露可圖鑑, merusuto, 梅露可物语,梅露可物语图鉴，梅露可图鉴app">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="apple-touch-startup-image" href="../images/startup.png" />
    <link rel="shortcut icon" href="../images/favicon.ico">

    <link href="../stylesheets/gacha.css" rel="stylesheet" type="text/css" />
    <script src="../javascripts/gacha.js" type="text/javascript"></script>

    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?1c2ef48fd81a28308bf018c76ccae36e";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-41275097-2', 'auto');
      ga('send', 'pageview');
    </script>

    <!-- // <script src="http://jsconsole.com/remote.js?bbtfr"></script> -->

    <!--[if lt IE 9]>
      <script src="../javascripts/ie/html5shiv.js" type="text/javascript"></script>
      <script src="../javascripts/ie/respond.js" type="text/javascript"></script>
    <![endif]-->
  </head>

  <body>
    <div id="page">
      <div id="background">
        <div class="image" id="gacha-background">
          <div class="background-image"></div>
        </div>
        <div class="image loading">
          <div class="background-image morning"></div>
        </div>
        <div class="loading">
          <img class="loading-bar" src="../images/gacha/loading.png" alt="">
        </div>
        <div class="spin">
          <img class="spin-1" src="../images/gacha/spin_1.png" alt="">
          <img class="spin-2" src="../images/gacha/spin_2.png" alt="">
        </div>
        <div class="effect">
          <div class="effect-1"></div>
          <div class="effect-2"></div>
        </div>
      </div>
      <div id="foreground">
        <div class="pick">
          <div class="button-group-gacha">
            <img class="button-gacha button-gacha-1" src="../images/gacha/button_gacha_1.png" alt="骑士契约书（钻石）">
            <img class="button-gacha button-gacha-2" src="../images/gacha/button_gacha_2.png" alt="勇者契约书（金币2W）">
            <img class="button-gacha button-gacha-3" src="../images/gacha/button_gacha_3.png" alt="游侠契约书（金币2K）">
          </div>
        </div>
        <div class="welcome">
          <img class="button-statistics" src="../images/gacha/button_statistics.png" alt="">
        </div>
        <div class="ready">
          <div class="scout-book"></div>
          <img class="click" src="../images/gacha/click.png" alt="">
          <img class="arrow" src="../images/gacha/arrow.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="gacha">
          <div class="unit"></div>
          <div class="unit-shadow"></div>
          <img class="new" src="../images/gacha/new.png" alt="">
          <img class="skip" src="../images/gacha/skip.png" alt="">
        </div>
        <div class="finish">
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
          <div class="unit"></div>
        </div>
      </div>
    </div>
    <div id="preload">
      <img src="../images/gacha/background_morning.png" alt="">
      <img src="../images/gacha/scout_book.png" alt="">
      <img src="../images/gacha/effect_1.png" alt="">
      <img src="../images/gacha/effect_2.png" alt="">
    </div>
  </body>
</html>

